<link rel="stylesheet" type="text/css" href="__ADDONROOT__/css/demo.css" />
		<link rel="stylesheet" type="text/css" href="__ADDONROOT__/css/slicebox.css" />
		<link rel="stylesheet" type="text/css" href="__ADDONROOT__/css/custom.css" />
		<link rel="stylesheet" href="http://dreamsky.github.io/main/blog/common/init.css">
 
      

<div class="wrapper" style="max-width:{$addonsimgcarousel.imgwidth}">
	
	

				<ul id="sb-slider" class="sb-slider">
					
					<for start="1" end="$addonsimgcarousel['imgcount']" comparison="elt">
						
					
						
						<li>
						<a href="http://{$addonsimginfo[$i-1].url}" target="{$addonsimgcarousel['target']}"><img src="./Addons/ImgCarousel/images/{$i}.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>{$addonsimginfo[$i-1].describe}</h3>
						</div>
					</li>
</for>

					
					
					
					
					
					
				</ul>

				<div id="shadow" class="shadow"></div>

				<div id="nav-arrows" class="nav-arrows">
					<a href="#">Next</a>
					<a href="#">Previous</a>
				</div>

				
				<div id="nav-options" class="nav-options">
					<span id="navPlay">Play</span>
					<span id="navPause">Pause</span>
				</div>

			</div><!-- /wrapper -->
			
			  
		
		
		<script type="text/javascript" src="__ADDONROOT__/js/modernizr.custom.46884.js"></script>
			
		<script type="text/javascript" src="./Addons/ImgCarousel/js/jquery.slicebox.js"></script>
		<script type="text/javascript">
		$(function() {
			
			var Page = (function() {

				var $navArrows = $( '#nav-arrows' ).hide(),
					$navOptions = $( '#nav-options' ).hide(),
					$shadow = $( '#shadow' ).hide(),
					slicebox = $( '#sb-slider' ).slicebox( {
						onReady : function() {

							$navArrows.show();
							$navOptions.show();
							$shadow.show();

						},
						orientation : 'h',
						cuboidsCount : 3
					} ),
					
					init = function() {

						initEvents();
						
					},
					initEvents = function() {

						// add navigation events
						$navArrows.children( ':first' ).on( 'click', function() {

							slicebox.next();
							return false;

						} );

						$navArrows.children( ':last' ).on( 'click', function() {
							
							slicebox.previous();
							return false;

						} );

						$( '#navPlay' ).on( 'click', function() {
							
							slicebox.play();
							return false;

						} );

						$( '#navPause' ).on( 'click', function() {
							
							slicebox.pause();
							return false;

						} );

					};

					return { init : init };

			})();

			Page.init();

		});
		</script>
		<script src="http://dreamsky.github.io/main/blog/common/init.js"></script>